<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/Reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2583483_v75xdoujxme.css">
</head>
<body class="bg-fff">
    <div class="head">
        <div class="q-head center">
            <div class="logo">
                
            </div>
        <div class="t-head">
        <ul class="a-head">
            <li>
                <a href="#">发现音乐</a>
                </li>
            <li><a href="#">我的音乐</a></li>
            <li><a href="#">朋友</a></li>
            <li><a href="#">商城</a></li>
            <li><a href="#">音乐人</a></li>
            <li class="y-head"><a href="#">下载客户端</a>
                <div class="a-logo">
                </div>
            </li>
        </ul>
    </div>
        <div class="c-head">
            <input type="text" placeholder="音乐/视频/电台/用户" class="input">
            <button class="e-head"><a href="#">创作者中心</a></button>
            <button class="r-head"><a href="">登录</a></button>
        </div>
    </div>  
    </div>
    <div class="a-one">
        <div class="b-one center">
            <ul class="c-one">
                <li class="a-cor">
                    <a href="#">推荐</a> 
                    <sub class="cor"></sub>    
                </li>
                <li><a href="#">排行榜</a></li>
                <li><a href="#">歌单</a></li>
                <li><a href="#">主播电台</a></li>
                <li><a href="#">歌手</a></li>
                <li><a href="#">新碟上市</a></li>
            </ul>
        </div>
    </div>
    <div class="box">
        <div class="a-box center">
        <div class="da-logo">
         </div>
         <div class="xi-logo">
         </div>
        </div>
    </div>
    <div class="container">
        <div class="content center">
        <div class="a-content">
            <div class="q-content">
                <div class="hd2">
                    <a href="#" class="a-hd2">热门推荐</a>
                    <div class="tab">
                        <a href="#" class="rr-head">华语</a><span class="line">|</span>
                        <a href="#" class="rr-head">流行</a><span class="line">|</span>
                        <a href="#" class="rr-head">摇滚</a><span class="line">|</span>
                        <a href="#" class="rr-head">民谣</a><span class="line">|</span>
                        <a href="#" class="rr-head">电子</a>
                    </div>
                    <span class="a-tab">
                        <a href="#" class="i-one">更多</a>
                        <i class="iconfont icon-icon-test"></i>
                    </span>
                </div>
                <div class="f-cb">
                    <div class="">
                        <img src="images/01tu.png" class="f-cb2">
                        <p><a href="#" class="f-cb1">欧美向｜生活总是充满美好的</a></p>
                    </div>
                    <div class="">
                        <img src="images/02tu.png" class="f-cb2">
                        <p><a href="#" class="f-cb1">『治愈基地』遗忘是大脑最温柔的自我保护260万
                            </a></p>
                    </div>
                    <div class="">
                        <img src="images/03tu.png" class="f-cb2">
                        <p><a href="#" class="f-cb1">如果再给我一次机会你还会选择走吗</a></p>
                    </div>
                    <div class="">
                        <img src="images/04tu.png" class="f-cb2" >
                        <p><a href="#" class="f-cb1"> Vol.19 狐狸精：你以为我只会谈恋爱啊，格局窄了！</a></p>
                    </div>
                    <div class="">
                        <img src="images/05tu.png" class="f-cb2">
                        <p><a href="#" class="f-cb1">旷寂砂岩丨海风中失落的血色馈赠</a></p>
                    </div>
                    <div class="">
                        <img src="images/06tu.png" class="f-cb2">
                        <p><a href="#" class="f-cb1">关于理想（02）：风起时背向我的那个短发少年</a></p>
                    </div>
                    <div class="">
                        <img src="images/07tu.png" class="f-cb2">
                        <p><a href="#" class="f-cb1">网易云音乐年度热议单曲总结</a></p>
                    </div>
                    <div class="">
                        <img src="images/08tu.png" class="f-cb2">
                        <p><a href="#" class="f-cb1"> 碧蓝航线4周年主题曲『绝体绝命』EGOIST</a></p>
                    </div>
                </div>
                <div class="new">
                    <div class="hd2">
                        <a href="#" class="a-hd2">新碟上架</a>
                        <span class="a-tab">
                            <a href="#" class="i-one">更多</a>
                            <i class="iconfont icon-icon-test"></i>
                        </span>
                    </div>
                    <div class="disk">
                        <div class="a-disk">
                            <div class="b-disk"><img src="images/c9b2086663e38ffeed0d5d2640591a2.png">
                                <p><a href="#" class="rr-head">Goodkidstape 1</a></p>
                                <p><a href="#" class="rr-head">AFew Good Kids Rec</a></p>
                            </div>
                            <div class="b-disk"><img src="images/8cd71ccca2d11350241e9119de31cbd.png">
                                <p><a href="#" class="rr-head">Couple Hunnid Mix</a></p>
                                <p><a href="#" class="rr-head">谢帝</a></p>
                            </div>
                            <div class="b-disk"><img src="images/ad61e4dfe8a12673dcc9155707cee7f.png">
                                <p><a href="#" class="rr-head">为歌而赞 第12期</a></p>
                                <p><a href="#" class="rr-head">为歌而赞</a></p>
                            </div>
                            <div class="b-disk"><img src="images/新碟.png">
                                <p><a href="#" class="rr-head">Pale Blue</a></p>
                                <p><a href="#" class="rr-head">米津玄師</a></p>
                            </div>
                            <div class="b-disk"><img src="images/1tu.png">
                                <p><a href="#" class="rr-head">翱翔</a></p>
                                <p><a href="#" class="rr-head">20XXCLUB</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="bill">
                        <div class="hd2">
                            <a href="#" class="a-hd2">榜单</a>
                        <span class="a-tab">
                            <a href="#" class="i-one">更多</a>
                            <i class="iconfont icon-icon-test"></i>
                        </span>
                        </div>
                        <div class="bilst">
                            <div class="n-bilst">
                                <dl class="blk">
                                    <dt>
                                        <div class="a-blk">
                                            <div>
                                            <img src="images/2tu.png">
                                            </div>
                                            <div>
                                                <div class="b-blk">
                                                    <h3><a href="#" class="c-blk">飙升榜</a></h3>
                                                </div>
                                                <div class="u-blk">
                                                    <span class="iconfont icon-zanting"></span>
                                                    <span class="iconfont icon-icon-test1"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </dt>
                                    <dd>
                                        <span class="d-blk f-blk">1</span>
                                        <span>没有时间流眼泪</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk f-blk">2</span>
                                        <span>假装（吉他版）</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk f-blk">3</span>
                                        <span>妇女新知&nbsp;2021</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">4</span>
                                        <span>淘汰</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">5</span>
                                        <span>银河与星斗</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">6</span>
                                        <span>富士山下</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">7</span>
                                        <span>Everything&nbsp;Sucks</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">8</span>
                                        <span>好久不见</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">9</span>
                                        <span>放空</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">10</span>
                                        <span>Peaches&nbsp;(Remix)</span>
                                    </dd>
                                    <dd>
                                        <div class="v-blk">
                                            <a href="#" class="n-blk">查看全部&gt;</a>
                                        </div>
                                    </dd>
                                </dl>
                                <dl class="blk h-blk">
                                    <dt>
                                        <div class="a-blk">
                                            <div>
                                            <img src="images/050bd7ee04311cbff62b7fe32627f75.png">
                                            </div>
                                            <div>
                                                <div class="b-blk">
                                                    <h3><a href="#" class="c-blk">新歌版</a></h3>
                                                </div>
                                                <div class="u-blk">
                                                    <span class="iconfont icon-zanting"></span>
                                                    <span class="iconfont icon-icon-test1"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </dt>
                                    <dd>
                                        <span class="d-blk f-blk">1</span>
                                        <span>嘉宾</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk f-blk">2</span>
                                        <span>做勇敢的大人</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk f-blk">3</span>
                                        <span>好久不见</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">4</span>
                                        <span>窗</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">5</span>
                                        <span>银河与星斗</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">6</span>
                                        <span>拼个世界给自己</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">7</span>
                                        <span>不舍</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">8</span>
                                        <span>GAT</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">9</span>
                                        <span>翱翔</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">10</span>
                                        <span>你的目光</span>
                                    </dd>
                                    <dd>
                                        <div class="v-blk">
                                            <a href="#" class="n-blk">查看全部&gt;</a>
                                        </div>
                                    </dd>
                                </dl>
                                <dl class="blk h-blk">
                                    <dt>
                                        <div class="a-blk">
                                            <div>
                                            <img src="images/7c2e833e4811094393a56b3f996a474.png">
                                            </div>
                                            <div>
                                                <div class="b-blk">
                                                    <h3><a href="#" class="c-blk">原创版</a></h3>
                                                </div>
                                                <div class="u-blk">
                                                    <span class="iconfont icon-zanting"></span>
                                                    <span class="iconfont icon-icon-test1"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </dt>
                                    <dd>
                                        <span class="d-blk f-blk">1</span>
                                        <span>PROMISE&nbsp;ME</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk f-blk">2</span>
                                        <span>4321</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk f-blk">3</span>
                                        <span>六月季</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">4</span>
                                        <span>出租车司机</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">5</span>
                                        <span>手心玫瑰</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">6</span>
                                        <span>就算</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">7</span>
                                        <span>拯救</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">8</span>
                                        <span>终有一天</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">9</span>
                                        <span>Eyes&nbsp;Shut</span>
                                    </dd>
                                    <dd>
                                        <span class="d-blk">10</span>
                                        <span>哎哟&nbsp;哎哟</span>
                                    </dd>
                                    <dd>
                                        <div class="v-blk">
                                            <a href="#" class="n-blk">查看全部&gt;</a>
                                        </div>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="b-content">
            <div class="myinfo">
                <p class="note">登录网易云音乐，可以享受无线收藏的乐趣，并且无线同步到手机</p>
                <a href="#" class="btn">用户登录</a>
            </div>
            <div class="singer">
                <h3 class="v-hd3">
                    <span>入驻歌手</span> 
                    <a href="#" class="v-hd4">查看全部&gt;</a>
                </h3>
                <div class="a-singer">
                    <div class="e-singer">
                        <div class="q-singer">
                        <img src="images/zhanghuimei.png"></div>
                        <div class="w-singer">
                        <p class="z-da">
                            张惠妹aMEI
                        </p>
                        <p><a href="#" class="rr-head z-dd">台湾歌手张惠妹</a></p></div></div>
                    
                    <div class="e-singer">
                        <div class="q-singer"><img src="images/z1.png"></div>
                        <div class="w-singer"><p class="z-da">
                            Fine乐团
                        
                        <p><a href="#" class="rr-head z-dd">独立音乐人</a></p></div>
                    </div>
                        <div class="e-singer">
                        <div class="q-singer"><img src="images/z2.png"></div>
                        <div class="w-singer"><p class="z-da">
                            萬曉利
                        </p>
                        <a href="#" class="rr-head z-dd">民谣歌手、中国现...</a></div>
                    </div>
                        <div class="e-singer">
                        <div class="q-singer"><img src="images/z3.png"></div>
                        <div class="w-singer"><p class="z-da">
                            音乐人赵雷
                        </p>
                        <a href="#" class="rr-head z-dd">民谣歌手</a></div>
                    </div>
                        <div class="e-singer">
                        <div class="q-singer"><img src="images/z4.png"></div>
                        <div class="w-singer"><p class="z-da">
                            王三薄
                        </p>
                        <p><a href="#" class="rr-head z-dd">音乐人</a></p></div>
                    </div>
                    <div class="r-singer">
                        <a href="#">申请成为网易音乐人</a>
                    </div>
                </div>
            </div>
            <div class="n-dj">
                <h3 class="v-hd3">热门主播</h3>
                <div class="q-dj">
                    <div class="w-dj">
                        <div class="e-dj">
                            <img src="images/x1.png">
                        </div>
                        <div class="r-dj">
                            <p><a href="#">陈立</a></p>
                            <p>心里学家、美食家陈立教授</p>
                        </div>
                    </div>
                    <div class="w-dj">
                        <div class="e-dj">
                            <img src="images/x2.png">
                        </div>
                        <div class="r-dj">
                            <p><a href="#">刘维-Julius</a></p>
                            <p>歌手、波客节目《维维道来...</p>
                        </div>
                    </div>
                    <div class="w-dj">
                        <div class="e-dj">
                            <img src="images/x3.png">
                        </div>
                        <div class="r-dj">
                            <p><a href="#">莫非定律</a></p>
                            <p>男女双人全创独立乐团</p>
                        </div>
                    </div>
                    <div class="w-dj">
                        <div class="e-dj">
                            <img src="images/x4.png">
                        </div>
                        <div class="r-dj">
                            <p><a href="#">碎嘴许美达</a></p>
                            <p>脱口秀网络红人</p>
                        </div>
                    </div>
                    <div class="w-dj">
                        <div class="e-dj">
                            <img src="images/x5.png">
                        </div>
                        <div class="r-dj">
                            <p><a href="#">银临Rachel</a></p>
                            <p>古风音乐人</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="buttom">
        <div class="m-ft center">
            <div class="copy">
                <p class="link">
                <a href="#" class="rr-head">服务条款</a>
                <span class="line">|</span>
                <a href="#" class="rr-head">隐私政策</a>
                <span class="line">|</span>
                <a href="#" class="rr-head">儿童隐私政策</a>
                <span class="line">|</span>
                <a href="#" class="rr-head">版权投诉指引</a>
                <span class="line">|</span>
                <a href="#" class="rr-head">意见反馈</a>
                <span class="line">|</span>
            </p>
                <p class="s-fc3">
                    <span class="sepspen">网易公司版权所有@1997-2021</span>
                    <span>杭州乐读科技有限公司运营：</span>
                    <span>浙网文[2021]1186-054号</span>
                </p>
                <p class="s-fc3">
                    <span class="sepspen">违法和不良信息举报电话：0571-89853516</span>
                    <span>举报邮件:</span>
                    <a href="#" class="rr-head qq">ncm5990@163.com</a>
                </p>
                <p class="s-fc3">
                    <span>粤B-20090191-18&nbsp;工业和信息化部备案管理系统网站</span>
                    <span></span>
                    <span> <a href="">浙公网安备&nbsp;33010902002564号</a></span>
                </p>
            </div>
            <div class="button">
                <div class="a-button"></div>
                <div class="a-button"></div>
                <div class="a-button"></div>
                <div class="a-button"></div>
                <div class="a-button"></div>
            </div>
        </div>
    </div>
    </div>
</body>
</html>